<!DOCTYPE html>
<html lang="en">

<head>
  <title>广场页面</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/square_1.css">
</head>

<body>
  <header>
    <div id="header-content">
      <img src="../image/profile.jpg" id="top">
      <h1>sniper</h1>
    </div>
  </header>
  <nav>
    <ul>
      <a href="../html/index.html">首页</a>
      <a href="../html/search.html">搜索</a>
      <a href="../html/square.html">广场</a>
      <a href="../html/community.html">社区</a>
      <a href="../html/hot.html">热门</a>
      <a href="../html/room.html">房间</a>
      <a href="../html/shopping.html">购物（超链接）</a>
      <a href="../html/message.html">消息</a>
      <a href="../html/my.html">我的</a>
    </ul>
  </nav>
  </header>
  <main id="main-content">
    <h1>广场页面</h1>
    <p>这里是大家交流分享的广场区域，注意发言哦。</p>
    <section class="image-slider">
      <button class="prev" onclick="changeSlide(-1)">&#10094;</button>
      <div class="slides">
        <img src="../image/image1.jpg" class="active" alt="Image 1">
        <img src="../image/image2.jpg" alt="Image 2">
      </div>
      <button class="next" onclick="changeSlide(1)">&#10095;</button>
    </section>
    <div class="text-box">
      <p>话说没人觉得冷清吗？这个广场？</p>
      <p>不会吧不会吧，不会还有人不知道因为有人纵然粉丝撕架导致广场禁言一天了吧？</p>
      <p>我说今天怎么不见于粉</p> 
      <p>话说有人知道全程吗？有偿dd</p>
      <p>广场从现在开始禁言一天！！！请各位大大约束好自己的粉丝，文明交流！</p>    
    </div>
  </main>
  <script src="../javascript/square_script.js"></script>
</body>
</html>